﻿/*---------------------------------*/
.ui-main
{
    width:auto;
    height:auto;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.ui-box
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:200px;
    height:100%;
}
.ui-box-text-box
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:200px;
    height:58px;
}
.ui-box-text-box-nhap-so-dien-thoai
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:414px;
    height:58px;
}
.ui-box-text-box-titile-news
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:629px;
    height:58px;
}
.ui-box-text-box-note
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:auto;
    height:auto;
}
.ui-box-text-box-note_ckeditor
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:auto;
    height:auto;
}
.ui-box-text-box-note-child
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:414px;
    height:58px;
}
.ui-box-text-box-note-child_B
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:812px;
    height:58px;
}
.ui-box-text-box-note-child_A
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:629px;
    height:58px;
}
.ui-box-text-box-status
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:379px;
    height:58px;
}
.ui-box-text-box-upload
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:330px;
    height:58px;
}
.ui-img-avatar
{
    float:left;
    width:69px;
    height:69px;
    border:1px solid gray;
}
.label
{
    font-size:11px;
    font-weight:bold;
    color:Black;
    background:none;
}
.textbox
{
    width:100%;
    font-size:11px;
    height:23px;
}
.textboxsodienthoai
{
    width:100%;
    font-size:11px;
    height:23px;
}
.textboxsodienthoai11
{
    width:100%;
    font-size:11px;
    height:23px;
}
.textbox_url_images
{
    width:290px;
    font-size:11px;
    height:23px;
}
.textbox_child
{
    width:180px;
    font-size:11px;
    height:23px;
    line-height: 25px;
}
.textbox_child_Search
{
    width:180px;
    font-size:11px;
    height:23px;
}
.textbox-muiti
{
    width:191px;
    font-size:11px;
    height:28px;
}
.textbox-muiti-note
{
    width:616px;
    font-size:11px;
    height:23px;
}
.textbox-muiti-note_Child
{
    width:401px;
    font-size:11px;
    height:28px;
}
.textbox-muiti-note_Child_A
{
    width:802px;
    font-size:11px;
    height:28px;
}
.select-drop
{
    width:100%;
    font-size:11px;
    height:26px;
    margin-top:8px;
}
.select-drop-child
{
    width:180px;
    font-size:11px;
    height:26px;
    margin-top:8px;
}
.select-drop-child-a
{
    width:180px;
    font-size:11px;
    height:26px;
    margin-left: 5px;
    margin-top:8px;
}
.text-thanh-tien
{
    color:Red;
    font-style:italic;
}
.text-box-ngay-nhap
{
    width:174px;
    font-size:11px;
    height:23px;
}
.textboxngaynhap
{
    width:170px;
    font-size:11px;
    height:22px;
    margin-right:3px;
    margin-top:11px;
}
.btn-export
{
    height:12px;
    margin-left:5px;
}
.btn-export-fillter
{
    height:12px;
    margin-right:5px;
    margin-left:5px;
}
.btn-export-fillter_bc
{
    height:12px;
    margin-left:5px;
}
.btn-export_close
{
    height:22px;
    margin-left:1px;
}
.img-btn
{
    height:12px;
    width:10px;
}
.text-box-fillter
{
    margin-right:5px;
    font-size:11px;
    width:180px;
}
.textboxfillter
{
    margin-right:5px;
    margin-left:5px;
    font-size:11px;
    width:180px;
}
.textbox_export
{
    width:180px;
    font-size:11px;
}
.textbox_export_bc
{
    width:170px;
    font-size:11px;
}
.checkbox-quoc-gia
{
   display: block;
   margin-top: 0;
   margin-left: 70px;
}
.label-checkbox
{
    font-size: 11px;
    font-weight: bold;
    margin-left: 46px;
}
.toolbar-ui-all-big
{
    width:100%;
    height:31px;
    float:left;
    margin-bottom:5px;
    box-shadow:
    0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    0px 2px 2px 0px rgba(255, 255, 255, 0.5)
}
.toolbar-ui-footer
{
    text-align:right;
}
.loading-label-left
{
    float:left;
    margin-left:8px;
    width:auto;
    height:auto;
}
.loading
{
    width:20px;
    height:18px;
    margin-left:8px;
}
.loading-label-right
{
    float:left;
    margin-left:8px;
    width:auto;
    height:auto;
}
/*---------------*/
.button-all
{
    width:30px;
    height:30px;
    border-right:1px solid gray;
}
.clr
{
    clear:both;
}
/*---------error-mes---*/
.error-msg
{
   color:Red;
   font-size:12px;
   font-style:italic;
}
/*--------------Button-main-------------------*/
.btn-add-new
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px -84px;
   background-color:white;
}
.btn-add-edit
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px -60px;
   margin-left: -4px;
   background-color:white;
   margin-left: 5px;
   margin-top: 3px;
}
.btn-add-delete
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px -106px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-fillter
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px 7px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-search
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px -32px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-refesh
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 5px -13px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-excel
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 5px -128px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-review
{
   background-image:url('../Icon/toolbar.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 5px -17px;
   margin-left: -4px;
   background-color:white;
}
.div-search
{
   float:left;
}
.div-search_A
{
   float:left;
   margin-top: -3px;
}
.div-search-texbox
{
   float:left;
   margin-top:4px;
   margin-left: 5px;
   margin-right: 8px;
}
/*-------------------------*/
.total-item
{
   color:red;
}